<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>角色管理</title>
    <%@ include file="common.jsp" %>
    <script type="text/javascript" src="/static/js/role.js"></script>
</head>
<body>
<table id="role_datagrid"></table>

<div id="role_toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" data-method="add" plain="true">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" data-method="edit" plain="true">编辑</a>
    <a class="easyui-linkbutton" iconCls="icon-remove" data-method="del" plain="true">删除</a>
    <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-method="reload">刷新</a>
</div>


<div id="role_dialog" style="margin-top: 15px">
    <form method="post" id="role_form">
        <input type="hidden" name="id" id="roleId">
        <table align="center">
            <tr>
                <td>角色名称:<input class="easyui-textbox" name="name"
                                validType="remote['/role/validateByName.do?id='+roleId.value,'name']"
                                invalidMessage="角色名已存在"/></td>
                <td>角色编号:<input class="easyui-textbox" name="sn"/></td>
            </tr>
            <tr>
                <td>分配菜单:<input id="menu_combotree" class="easyui-combotree"
                data-options="url:'/menu/rootMenu.do',multiple:true,cascadeCheck:false"/></td>
            </tr>
            <tr>
                <td>权限分配</td>
            </tr>
            <tr>
                <td>
                    <table id="allPermission"></table>
                </td>
                <td>
                    <table id="selectPermission"></table>
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>
